Page({
  data: {
    jobId: '',
    jobInfo: {
      title: '前端开发工程师',
      company: '示例科技有限公司',
      location: '北京市海淀区',
      salary: '15k-25k',
      education: '本科及以上',
      experience: '1-3年',
      skills: 'HTML, CSS, JavaScript, Vue.js',
      description: '负责公司前端项目的开发和维护，参与产品需求讨论和设计评审，编写高质量的前端代码。',
      companySize: '100-499人',
      industry: '互联网',
      companyDescription: '示例科技是一家专注于企业级软件开发的科技公司，致力于为客户提供高质量的解决方案。'
    },
    isCollected: false,
    similarJobs: [],
    showShareMenu: false
  },

  onLoad(options) {
    if (options.id) {
      this.setData({
        jobId: options.id
      });
      this.loadJobDetail();
      this.loadSimilarJobs();
    }
  },

  // 加载职位详情
  loadJobDetail() {
    // 模拟获取职位详情数据
    const jobInfo = {
      company: {
        name: '腾讯科技',
        id: '001',
        size: '1000-2000人',
        industry: '互联网'
      },
      title: '高级前端开发工程师',
      salary: '25k-35k',
      tags: ['3-5年经验', '本科', '全职'],
      description: '负责公司核心产品的前端开发工作，包括但不限于：\n1. 参与产品需求分析，技术方案设计\n2. 负责前端架构设计和核心功能开发\n3. 优化前端性能，提升用户体验\n4. 参与技术分享，推动团队技术进步',
      requirements: [
        '本科及以上学历，计算机相关专业',
        '3年以上前端开发经验，精通HTML5、CSS3、JavaScript',
        '熟练掌握Vue.js、React等主流框架',
        '有良好的代码风格和编程习惯',
        '具备良好的沟通能力和团队协作精神'
      ],
      location: {
        address: '深圳市南山区科技园',
        latitude: 22.54286,
        longitude: 113.95847
      },
      workTime: '9:00-18:00',
      benefits: [
        { text: '年终奖' },
        { text: '五险一金' },
        { text: '带薪休假' },
        { text: '培训机会' }
      ],
      companyIntro: '腾讯科技是中国领先的互联网和科技公司，致力于为用户提供优质的互联网服务。公司拥有完善的技术体系和创新文化，为员工提供广阔的发展空间。'
    };

    this.setData({
      jobInfo
    });
  },

  // 加载相似职位
  loadSimilarJobs() {
    // 模拟获取相似职位数据
    const similarJobs = [
      {
        id: '2',
        title: '高级前端工程师',
        salary: '20k-30k',
        company: '字节跳动',
        tags: ['3-5年经验', '本科', '全职']
      },
      {
        id: '3',
        title: '前端开发工程师',
        salary: '18k-28k',
        company: '阿里巴巴',
        tags: ['1-3年经验', '本科', '全职']
      }
    ];

    this.setData({
      similarJobs
    });
  },

  // 收藏/取消收藏
  toggleCollect() {
    const isCollected = !this.data.isCollected;
    this.setData({ isCollected });
    
    wx.showToast({
      title: isCollected ? '收藏成功' : '已取消收藏',
      icon: 'success'
    });
  },

  // 联系HR
  contactHR() {
    const that = this;
    wx.showModal({
      title: '联系HR',
      content: '是否立即与HR沟通？',
      success(res) {
        if (res.confirm) {
          // 跳转到聊天页面
          wx.navigateTo({
            url: '/pages/chat/chat?type=hr&id=' + that.data.jobId
          });
        }
      }
    });
  },

  // 分享职位
  onShareAppMessage() {
    return {
      title: this.data.jobInfo.title,
      path: '/pages/jobDetail/jobDetail?id=' + this.data.jobId
    };
  },

  // 申请职位
  applyJob() {
    const that = this;
    wx.showModal({
      title: '申请职位',
      content: '是否立即申请该职位？',
      success(res) {
        if (res.confirm) {
          // 跳转到申请页面
          wx.navigateTo({
            url: '/pages/jobApply/jobApply?id=' + that.data.jobId
          });
        }
      }
    });
  },

  // 查看相似职位详情
  viewSimilarJob(e) {
    const { id } = e.currentTarget.dataset;
    wx.navigateTo({
      url: '/pages/jobDetail/jobDetail?id=' + id
    });
  },

  // 查看公司详情
  viewCompany() {
    wx.navigateTo({
      url: '/pages/companyDetail/companyDetail?id=' + this.data.jobInfo.company.id
    });
  },

  // 打开地图
  openMap() {
    const { latitude, longitude, address } = this.data.jobInfo.location;
    wx.openLocation({
      latitude,
      longitude,
      name: this.data.jobInfo.company.name,
      address
    });
  },
  
  // 返回上一页
  navigateBack() {
    wx.navigateBack();
  },

  // 获取职位详情
  getJobDetail(id) {
    // TODO: 调用API获取职位详情
    console.log('获取职位详情:', id);
  },

  // 处理申请按钮点击
  handleApply() {
    wx.showModal({
      title: '确认申请',
      content: '确定要申请该职位吗？',
      success: (res) => {
        if (res.confirm) {
          // TODO: 调用申请API
          wx.showToast({
            title: '申请成功',
            icon: 'success'
          });
        }
      }
    });
  },

  // 处理收藏按钮点击
  handleCollect() {
    // TODO: 调用收藏API
    wx.showToast({
      title: '收藏成功',
      icon: 'success'
    });
  }
}); 